<div class="panel panel-info product-batch-summary" indigo-collapsible-component>
    <div class="panel-heading" i-translate="PRODUCT_BATCH_SUMMARY">

    </div>
    <div class="panel-body collapsible">
        <stucture-size ng-if="vm.isStructureVisible" model="vm.structureSize"></stucture-size>

        <indigo-batch-summary is-exist-stoich-table="::vm.isExistStoichTable"
                              batches="vm.batches"
                              is-readonly="vm.isReadonly"
                              selected-batch="vm.selectedBatch"
                              selected-batch-trigger="vm.selectedBatchTrigger"
                              on-show-structure="vm.isStructureVisible = isVisible"
                              structure-size="vm.structureSize"
                              save-experiment-fn="vm.saveExperimentFn()"
                              batch-operation="vm.batchOperation"
                              on-select-batch="vm.onSelectBatch({batch: batch})"
                              on-remove-batches="vm.onRemoveBatches({batches: batches})"
                              on-added-batch="vm.onAddedBatch({batch: batch})"
                              on-changed="vm.onChanged()"
        ></indigo-batch-summary>
    </div>
</div>